<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.s"WebContent/inquilino/editarusuario.xhtml"un.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:head>
<link rel="stylesheet" type="text/css" href="../template/css.css" media="all" />
<title>QueroTeto</title>

</h:head>
<h:body>
	<div id="corpo">
		<ui:include src="/template/topo.xhtml"/>
		<ui:include src="/template/menu.xhtml" />
		<div id="conteudo">
			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" globalOnly="true" />
			<div id="centro">

				<h:form id="form">

					<p:panel header="Editar Cadastro">
						<h:messages />
						<h:panelGrid columns="3" cellpadding="5">

							<p:outputLabel for="apelido" value="Como gostaria de ser chamado?: " />
							<p:inputText value="#{cadastroUsuarioBean.usuario.apelido}"
								required="true" id="apelido" />
							<p:message for="apelido" display="icon" />

							<p:outputLabel for="nome" value="Nome: " />
							<p:inputText value="#{cadastroUsuarioBean.usuario.nome}"
								required="true" id="nome" />
							<p:message for="nome" display="icon" />

							<p:outputLabel for="sexo" value="Sexo: " />
							<p:selectOneRadio id="sexo"
								value="#{cadastroUsuarioBean.usuario.sexo}">
								<f:selectItem itemLabel="Masculino" itemValue="M" />
								<f:selectItem itemLabel="Feminino" itemValue="F" />
							</p:selectOneRadio>
							<p:message for="sexo" display="icon" />

							<p:outputLabel for="email" value="Email: " />
							<p:inputText value="#{cadastroUsuarioBean.usuario.email}"
								required="true" id="email">
								<f:validateRegex
									pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
							</p:inputText>
							<p:message for="email" display="icon" />

							<p:outputLabel for="dataNascimento" value="Data de Nascimento: " />
							<p:inputMask value="#{cadastroUsuarioBean.usuario.dataNasc}" id="dataNascimento" mask="99/99/9999" >
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</p:inputMask>
							<p:message for="dataNascimento" display="icon" />

							<p:outputLabel for="TelefoneFixo" value="Telefone fixo: " />
							<p:inputMask value="#{cadastroUsuarioBean.usuario.foneFixo}"
								mask="(99) 9999-9999" id="TelefoneFixo" />
							<p:message for="TelefoneFixo" display="icon" />

							<p:outputLabel for="celular" value="Celular: " />
							<p:inputMask value="#{cadastroUsuarioBean.usuario.foneCelular}"
								mask="(99) 9999-9999" required="true" id="celular" />
							<p:message for="celular" display="icon" />

							<p:outputLabel for="estado" value="Estado: " />
							<p:inputText value="#{cadastroUsuarioBean.usuario.estado}"
								id="estado" />
							<p:message for="estado" display="icon" />

							<p:outputLabel for="cidade" value="Cidade: " />
							<p:inputText value="#{cadastroUsuarioBean.usuario.cidade}"
								id="cidade" />
							<p:message for="cidade" display="icon" />

							<p:outputLabel for="cep" value="CEP: " />
							<p:inputMask value="#{cadastroUsuarioBean.usuario.cep}"
								mask="99999-999" id="cep" />
							<p:message for="cep" display="icon" />

							<p:commandButton value="cancelar" type="submit"
								action="#{cadastroUsuarioBean.cancelar}" ajax="false" immediate="true" />
							<p:commandButton value="Salvar" type="submit"
								action="#{cadastroUsuarioBean.atualizar}" ajax="false" />

						</h:panelGrid>
					</p:panel>
				</h:form>
			</div>
			<div id="direita" align="center">
				
			</div>
		</div>
		<div id="both" align="center"></div>
		<ui:include src="/template/rodape.xhtml"/>
	</div>
</h:body>
</html>